<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Set render engine for 360 browser -->
    <meta name="renderer" content="webkit">

    <title>汽保王国商家后台管理系统</title>
    <link rel="stylesheet" href="../js/plugins/metismenu/metismenu.min.css">
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/font-awesome.min.css">
    <link rel="stylesheet" href="../css/animate.min.css">
    <link rel="stylesheet" href="../js/plugins/pace/pace.css">
    <link rel="stylesheet" href="../css/style.min.css">
    <link rel="stylesheet" href="../css/common.css">

    <!--[if lte IE 9]>
    <style type="text/css">
        input, textarea {
            color: #000;
        }

        .placeholder {
            color: #aaa;
        }

        .form-horizontal .control-label {
            padding-top: 0;
        }
    </style>
    <![endif]-->

    <script src="../js/jquery-1.12.4.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <script src="../js/plugins/layer/layer.js"></script>

    <script type="text/javascript">
        jQuery.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
            }
        });



        if (!$('#rIframe', parent.document.body).prop('id')) {
            window.paceOptions = {
                startOnPageLoad: false
            };
        }
    </script>

    <script src="../js/plugins/pace/pace.min.js"></script>
</head>
<body id="contents" class="fixed-sidebar full-height-layout gray-bg" style="overflow:hidden;">



<!--[if lte IE 9]>
<script src="../js/jquery.placeholder.min.js"></script>
<script type="text/javascript">jQuery('input, textarea').placeholder();</script>
<![endif]-->

<div id="wrapper" class="fixed-sidebar full-height-layout gray-bg">
    <div id="header" class="row content-tabs">
        <img src="../img/logo.png" onerror="this.src='../../img/logo-title.png'" id="logo-img"/>
        <div class="title">汽保王国商家后台管理系统</div>
        <ul class="nav" id="side-menu">
            <li class="nav-header">
                <div class="dropdown" style="background: transparent;">
                    <a href="#">
                        <i class="fa fa-cogs"></i>
                    </a>
                    <ul class="dropdown-menu" style="display: none; background: rgb(19, 25, 31);">
                        <div class="user">
                            <i class="fa fa-user"></i><span id="username"></span>
                            <small>店家</small>
                        </div>

                        <li><a href="http://47.104.142.76:8801/hdpanel/logout" onclick="event.preventDefault();document.getElementById('logout-form').submit();"><i class="fa fa-power-off"></i>安全退出</a></li>

                    </ul>
                </div>
            </li>
        </ul>
        <div class="roll-nav" onclick="jQuery('iframe:visible').get(0).contentWindow.location.reload();">
            <span class="glyphicon glyphicon-refresh" aria-hidden="true"></span><span class="fresh">刷新</span>
        </div>
    </div>
    <!--左侧导航开始-->
    <nav class="navbar-default navbar-static-side" role="navigation" style="overflow-y:auto">
        <div class="nav-close"><i class="fa fa-times-circle"></i>
        </div>
        <div class="sidebar-collapse">

            <ul class="nav metismenu" id="menuL">

                <li class="parent-li">

                    <a class='J_menuItem n-parent-a' href="./base.html" target="rIframe" >
                        <i class="fa fa-codepen"></i>
                        <span class="nav-label">基本信息</span>
                    </a>
                </li>
                <li class="parent-li">

                    <a class='J_menuItem n-parent-a' href="./edit.html" target="rIframe" >
                        <i class="fa fa-codepen"></i>
                        <span class="nav-label">修改店铺</span>
                    </a>
                </li>
                <li class="parent-li">

                    <a class='J_menuItem n-parent-a' href="./login.html" target="rIframe">
                        <i class="fa fa-pagelines"></i>
                        <span class="nav-label">商品管理</span>
                    </a>
                </li>
            </ul>

            <script src="../js/plugins/metismenu/metismenu.min.js"></script>
            <script type="text/javascript">
                jQuery("#menuL").find('a').prop('target', 'rIframe');
                jQuery('#menuL').metisMenu();
                $(".child-li").on("click", ".data-a", function () {
                    $(".data-a").removeClass("active");
                    $(this).addClass("active");
                });
                $('.n-parent-a').click(function () {
                    $('#menuL').find('li.active').each(function () {
                        $(this).children('a').click();
                    });
                });
                $(".parent-a").hover(function () {
                    $(this).children('i').css('color', '#fff');
                }, function () {
                    if ($(this).parent('li').prop('class').indexOf('active') == -1) {
                        $(this).children('i').css('color', '#a7b1c2');
                    }
                });
            </script>
        </div>
    </nav>
    <!--左侧导航结束-->
    <!--右侧部分开始-->
    <div id="page-wrapper" class="gray-bg dashbard-1">
        <div class="row J_mainContent" id="content-main">
            <iframe class="J_iframe" name="rIframe" id="rIframe" width="100%" height="100%" frameborder="0" src="./base.html"></iframe>
        </div>
    </div>
    <!--右侧部分结束-->
</div>
<script src="../js/public.js"></script>
<script src="./js/common.js"></script>
<script>
    getuser();
    jQuery(function ($) {
        $(".search-nav").css("right", 80 + $("#side-menu").width());
        $(".dropdown").mouseover(function () {
            $(".dropdown-menu").show();
        });
        $(".dropdown").mouseout(function () {
            $(".dropdown-menu").hide();
            $(this).css('background', 'transparent');
        });
        $('.dropdown,.dropdown-menu').mouseover(function () {
            $(this, '.dropdown').css('background', '#13191f');
        });
    });
</script>
</body>
</html>


